<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Welcome to MSHD!</title>
    <link rel="stylesheet" type="text/css" href="/static/css/style.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1091410_zwryxsfgd4.css">
    <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
     <script>
         var token_csrf = "{{ csrf_token }}";
        function func(value){
        }
    </script>
</head>
<body>

<header class="header">
    <div class="header_right">
        <ul>
            <li class="show_list" >
                <a type="button" href="/" style="text-align:center;padding: 30px 30px 30px 30px;
                line-height: 60px;text-decoration: none;border: none;color:#ffffff;">首页</a></li>
            <li class="show_list" id="showList2">
                <span>人员伤亡及失踪</span>
                <div style="position: absolute;z-index: 999">
                <ul class="move_list">
                    <a type="button" name="101"  onclick="func(this.name)">死亡</a>
                    <a type="button" name="102"  onclick="func(this.name)">受伤</a>
                    <a type="button" name="103"  onclick="func(this.name)">失踪</a>
                </ul>
                </div>
            </li>
            <li class="show_list" id="showList3">
                <span>房屋破坏</span>
                <div style="position: absolute;z-index: 999">
                <ul class="move_list">
                    <a type="button" name="201"  onclick="func(this.name)">土木</a>
                    <a type="button" name="202" onclick="func(this.name)" >砖木</a>
                    <a type="button" name="203" onclick="func(this.name)" >砖混</a>
                     <a type="button" name="203"  onclick="func(this.name)">框架</a>
                     <a type="button" name="203"  onclick="func(this.name)">其他</a>
                </ul>
                </div>
            </li>
            <li class="show_list">
                <span>生命线工程灾情</span>
                <div style="position: absolute;z-index: 999">
                <ul class="move_list">
                    <a type="button" name="331" href="/data/331" onclick="func(this.name)">交通</a>
                    <a type="button" name="332" href="/data/332" onclick="func(this.name)">供水</a>
                    <a type="button" name="333" href="/data/333" onclick="func(this.name)">输油</a>
                    <a type="button" name="334" href="/data/334" onclick="func(this.name)">燃气</a>
                    <a type="button" name="335" href="/data/335" onclick="func(this.name)">电力</a>
                     <a type="button" name="336" href="/data/336" onclick="func(this.name)">通信</a>
                     <a type="button" name="337" href="/data/337" onclick="func(this.name)">水利</a>
                </ul>
                </div>
            </li>
            <li class="show_list">
                <span>次生灾害</span>
                <div style="position: absolute;z-index: 999">
                <ul class="move_list">
                    <a type="button" name="401"  onclick="func(this.name)">崩塌</a>
                    <a type="button" name="402"  onclick="func(this.name)">滑坡</a>
                     <a type="button" name="203"  onclick="func(this.name)">泥石流</a>
                     <a type="button" name="203"  onclick="func(this.name)">岩溶塌陷</a>
                     <a type="button" name="203"  onclick="func(this.name)">地裂缝</a>
                     <a type="button" name="203"  onclick="func(this.name)">地面沉降</a>
                     <a type="button" name="203"  onclick="func(this.name)">其他</a>
                </ul>
                </div>
            </li>
            <li class="show_list" id="showList2">
                <span>震情</span>
                <div style="position: absolute;z-index: 999">
                <ul class="move_list">
                    <a type="button" name="101"  onclick="func(this.name)">基本</a>
                    <a type="button" name="102"  onclick="func(this.name)">灾情预测</a>
                </ul>
                </div>
            </li>

            {% if request.session.is_login %}
              <li class="show_list" style="width:50px; margin-right:0px;text-align:center;">
                  <a href="#" style="padding: 0px 0px 0px 0px;line-height: 60px;text-decoration: none;border: none;color:#ffffff;">{{ request.session.user_name }}</a>
              </li>
                <li class="show_list" style="width:10px;margin-left:5px">
                    <a style="color:#ffffff;padding: 0px 0px 0px 0px;line-height: 60px;">|</a></li>
                <li class="show_list" style="width:50px;margin-left:5px;">
                  <a href="/logout/" style="padding: 0px 0px 0px 0px;
                line-height: 60px;text-decoration: none;border: none;color:#ffffff;">登出</a>
                </li>
            {% else %}
              <li class="show_list" style="width:80px; ">
                  <a href="/login/" style="text-align:center;padding: 30px 30px 30px 30px;
                line-height: 60px;text-decoration: none;border: none;color:#ffffff;">登录</a></li>
                <li class="show_list" style="width:50px;">
                    <a style="color:#ffffff">|</a></li>
                <li class="show_list" style="width:50px;">
                  <a href="/register/" style="text-align:center;padding: 30px 30px 30px 30px;
                line-height: 60px;text-decoration: none;border: none;color:#ffffff;">注册</a></li>
            {% endif %}
        </ul>
    </div>
</header>
<vertical>
    <div class="menu">
        <ul class="menubar">
            <li class="menu-value"><a type="button" href="/upload/">上传数据</a></li>
            <li class="menu-value"><a type="button" href="/download_instructions/">下载使用说明书</a></li>
            <li class="menu-value"><a type="button" href="/apply/">申请数据</a></li>
            {% if request.session.user_role == "manager" %}
            <li class="menu-value"><a type="button" href="/link_status/">查看请求信息</a></li>
            {% endif %}
        </ul>
    </div>
</vertical>
<mainBody class="mainBody">
</mainBody>

</body>
</html>
